.h{
    width: 100%;
    height: 100pt;
  
}
.center-h{
    margin:auto; 
}


.voice{ 
    padding-top: 12px;
    padding-left: 10px;
    margin: 100px auto;
    height: 35px;
    width: 150px;
    background: #1bbc9b;
    border-radius: 0 7px 7px;
  }
  
  .bg {
    background:url() right 0 no-repeat;
      width: 24px;
      height: 24px;
    background-size: 400%;
  }
  
  .voicePause {
    animation-name: voicePlay;
    animation-direction: normal;
    animation-iteration-count: infinite;
    animation-timing-function: steps(3);
  }
  
  .voicePlay {
    animation-name: voicePlay;
    animation-duration: 1s;
    animation-direction: normal;
    animation-iteration-count: infinite;
    animation-timing-function: steps(3);
  }
  
  @keyframes voicePlay {
    0% {
      background-position: 0;
    }
    100% {
      background-position: 100%;
    }

  }
  .video-container {
    width: 100%;
    height: 30%;
}
.video-control-btn {
    width: 6%;
    margin-left: 3px;
    margin-right: 3px;
}
.video-control-voice {
    width: 15%;
    margin-left: 3px;
    margin-right: 3px;
}
.video-progress {
    width: 40%

}